.empty {
   flex: 1;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   margin-bottom: 5rem;

   @media (max-width: 825px) {
      margin-bottom: 0;
   }

   &__icon {
      display: flex;
      margin-bottom: 2rem;
      font-size: 8rem;

      @media (max-width: 1024px) {
         font-size: 6rem;
         margin-bottom: 1rem;
      }
   }

   &__title {
      margin-bottom: 2rem;
      color: var(--text-primary);

      @media (max-width: 1024px) {
         font-size: 1.5rem;
         margin-bottom: 1rem;
      }
   }

   &__text {
      font-size: 1.5rem;
      color: var(--text-secondary);
      font-weight: 500;

      @media (max-width: 1024px) {
         font-size: 1.3rem;
      }
   }
}
